<div>
<ul style="border: 1px solid #FFF;border-radius:  5px; float: left;width:20%;margin: 5px">
    <li><a href="<?php echo $baseurl.'account'?>">Thông tin thành viên</a></li>
    <li><a href="<?php echo $baseurl.'doi-mat-khau'?>">Thay đổi mật khẩu</a></li>
    <li><a href="<?php echo $baseurl?>lich-su-giao-dich">Lịch sử giao dịch</a></li>
    <li><a href="<?php echo $baseurl?>nap-the">Nạp thẻ hoặc SMS</a></li>
    <li><a href="<?php echo $baseurl?>">Play GAME</a></li>
</ul>
<ul style="float: left;width:70%;margin: 5px;margin-top: 0px">
    <li>
        <table style="margin-top: 5px;">
            <tfoot>
                <td colspan="4">
                    <div class="pagination">
                        <?php echo $this->pagination->create_links();?> 
                    </div>
                </td>
            </tfoot>
             <tr>
                <td colspan="4" style="padding: 10px 5px;background: #efefef;color: #666;text-align: center; text-transform: capitalize;">Thống kê giao dịch của tôi</td>
            </tr>
            <tr>
                <td>Mã giao dịch</td>
                <td>Nội dung</td>
                <td>Trạng thái</td>
                <td>Thời gian</td>
            </tr>
            <?php if(!in_array($data, array(null, '', '0'))):?>
            <?php foreach($data AS $el=>$le):?>
            <tr>
                <td><?php echo $le->codeTrade?></td>
                <td><?php echo $le->content?></td>
                <td><?php echo $le->statusTrade == 1 ? 'Thành công' : 'Thất bại'?></td>
                <td><?php echo $le->time?></td>
            </tr>
            <?php endforeach;endif;?>
        </table>
    </li>
</ul>
</div>

<style>
ul li{
    padding: 5px;
}
p{
    padding: 5px;margin: 5px;
}
table, thead, tfoot{
    width: 100%;border: 1px solid #FFF;border-right: 0px none;
}
tr td{
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 5px;
}
</style>